<template>
  <div id="tab-bar">

      <slot></slot>

<!--    <div class="tab-bar-item">-->
<!--      <img src="../../assets/img/tabbar/home.svg" alt="">-->
<!--      <div>首页</div>-->
<!--    </div>-->
<!--    <div class="tab-bar-item">-->
<!--      <img src="../../assets/img/tabbar/class1.svg" alt="">-->
<!--      <div>分类</div>-->
<!--    </div>-->
<!--    <div class="tab-bar-item">-->
<!--      <img src="../../assets/img/tabbar/Shopping1.svg" alt="">-->
<!--      <div>购物车</div>-->
<!--    </div>-->
<!--    <div class="tab-bar-item">-->
<!--      <img src="../../assets/img/tabbar/my1.svg" alt="">-->
<!--      <div>我的</div>-->

  </div>
</template>

<style scoped>
#tab-bar{
  display: flex;
  background-color: #f6f6f6;

  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;

  box-shadow: 0 -1px 1px rgba(0,0,0,0.1);
}


</style>